
.draggable-item{
  cursor:move;
  .design-item {
    padding: 5px;
    margin: 2px;
    border: 1px dashed #40a9ff;
  }
  &.dragging-item{
    opacity: 0.5;
  }
  &.design-active>.design-item{

position: relative;
      border:2px solid #1890ff;
  }
  &.draggable-up::before{
    display: block;
    content: '鼠标放下';
    text-align: center;

    height: 40px;
    border: 2px solid red;
    width: 100%;
  }
  &.draggable-down::after{
    display: block;
    content: '鼠标放下';
    text-align: center;
    height: 40px;
    border: 2px solid red;
    width: 100%;
  }
  &.design-active>.design-item>.draggable-helpers{
    display: block;
  }
  .draggable-helpers{
    display: none;
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 99;
    background-color: #40a9ff;
    color: white;
    padding: 2px 5px ;
   
    margin: 2px;
    border-radius: 5px;
    cursor: pointer;
    
  }
}

.no-action-component{
   >.design-item{
     border: none;
   }
}